一、裁切方框

• 裁切方框部指定長度獲百分比，主要是直接使用對應方框模型的邊界。
• 如果同一起聲明，它將為基本形狀提供相應的參考框盒。
• clip-path: margin-box;
• clip-path: border-box;
• clip-path: padding-box;
• clip-path: content-box;
• clip-path: fill-box;　能夠容納整個元素的最小方框。
• clip-path: stroke-box;　能夠容納整個元素與所有外部筆觸的最小方框。
• clip-path: view-box;　使用最接近親代的裁切方框。
• 這些設定值只能用在SVG元素。（因為並沒有對應的CSS樣式方框）
• MDN屬性值
• [譯] 學習 CSS clip-path 屬性

二、裁切填充規則：clip-rule ， 數值nonzero | evenodd

三、遮罩

• 遮罩（mask）指一個形狀，在形狀內部的東西看得到，在形狀外部的東西看不到。
• 遮罩在概念上與裁切路徑類似，主要差異點有二點：
  1.只能用影像圖片定義元素要透過遮罩呈現或裁切的區域
  2.具有許多與遮罩搭配的屬性，能過用以定位、調整大小或重複遮罩影像。